<template>
    <!-- v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销 -->
    <!-- 应用场景:数据需要频繁更换条件时使用v-show,数据更改不频繁时使用v-if -->

<h2 v-show="msg">这是v-Show输出的内容</h2>
<h2 v-if="msg">大家好，这是第三个组件</h2>

<h2 v-else="msg">这是不满足时</h2>
</template>


<script setup lang=ts>
const msg = true;
</script>